import React, {Fragment} from 'react';

/**
 * 定义横实线
 */
interface LineProps {
    length: number;
    border: number;

}

export default React.memo((props: LineProps) => {
    const {length, border} = props;
    return (
        <Fragment>
            <div style={{
                display: "inline-block",
                boxSizing: "border-box",
                margin: 0,
                height: `${border}px`,
                // borderBottom: `solid #cacaca${bottom}px`,
                borderTop: `solid #cacaca ${border}px`,
                width: `${length}px`
            }}
            ></div>
        </Fragment>
    )
})
